{include file="public/header" /}
<style>
    .layui-copy{width: 30px;position:absolute;top:1px;bottom: 1px;right:1px;cursor:pointer;background:white;text-align: center;color: #999999c2;display: flex;align-items: center;justify-content: center;}
    .layui-copy:hover{color: #999999;}
    video{
        height: 100%!important;
        width: 100%!important;
    }
    .layui-form-item {
        margin-top: 0;
        margin-bottom: 0;
    }
    .layui-form-label{
        width: 200px!important;
    }
    .layui-input-block{
        margin-left: 200px!important;
    }

</style>
<body class="gray-bg">
<div class="wrapper wrapper-content">
    <div class="ibox-content layui-form layui-form-pane">
        <div class="layui-row layui-col-space10 layui-form-item ">
            <span style="font-weight: bold;font-size: 15px;color: red;">设备详情：</span>
            <div class="layui-form-item">
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>系列</th>
                        <th>型号</th>
                        <th>故障</th>
                        <th>序列号</th>
                        <th>故障描述</th>
                        <th>设备图片</th>
                        <th>其他图片</th>
                        <th>其他视频</th>
                        <th>报告备注</th>
                    </tr>
                    </thead>
                    <tbody>
                    {foreach name="goods" item="vo"}
                    <tr>
                        <td>{$vo.xlname}</td>
                        <td>{$vo.xhname}</td>
                        <td>{$vo.gz_name}</td>
                        <td>{$vo.oi_xulie}</td>
                        <td>{$vo.oi_desc}</td>
                        <td>
                            {if $vo.imgs}
                            <div class="aaaaaa">
                                {volist name="vo.imgs" id='img'}
                                <img src="{$img}" height="50" class="table-img" />
                                {/volist}
                            </div>
                            {else /}
                            -
                            {/if}
                        </td>
                        <td>
                            {if $vo.oi_other_image}
                            <div class="aaaaaa2">
                                {volist name="vo.oi_other_image" id='img2'}
                                <img src="{$img2}" height="50" class="table-img" />
                                {/volist}
                            </div>
                            {else /}
                            -
                            {/if}
                        </td>
                        <td>
                            {if $vo.oi_other_video}
                            <div style="height: 100px;width:200px;">
                                <video src="{$vo.oi_other_video}" controls></video>
                            </div>
<!--                            <a href="{$vo.oi_other_video}" target="_blank" style="color: dodgerblue">点击查看</a>-->
                            {else /}
                            -
                            {/if}
                        </td>
                        <td>{$vo.oi_wx_report_remark}</td>
                    </tr>
                    {/foreach}
                    </tbody>
                </table>
            </div>
            <p style="font-weight: bold;font-size: 15px;color: red;">订单信息：</p>
            <div class="layui-form-item">
                <label class="layui-form-label">订单号</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_no?:''}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">报修人</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_username?:''}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">报修人手机号</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_phone?:''}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">公司名称</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_company?:''}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">报修地址信息</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_address_str?:''}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">订单备注</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_remark?:''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">创建时间</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_time?:''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">订单状态</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$orderStatus[$data.order_status]}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">检测状态</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$orderJcStatus[$data.order_jiance_status]}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">检测备注</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_jiance_remark}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">维修方式</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_wxfs_name ?: '暂未指定'}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">订单分配</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_admin_name ?: '暂未分配'}">
                </div>
            </div>
            {if $data.order_status == 3}
            <div class="layui-form-item">
                <label class="layui-form-label">拒绝原因</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_refuse_reason?:''}">
                </div>
            </div>
            {/if}
            <p style="font-weight: bold;font-size: 15px;color: red;">物流信息：</p>
            <div class="layui-form-item">
                <label class="layui-form-label" style="width: 200px;text-align: left">用户寄来的：</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="寄出时间：{$data.order_user_send_time ?: '-'}">
                </div>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="快递：{$data.order_user_express_company}-{$data.order_user_express_code}">
                </div>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="收件人：{$data.order_company_name}-{$data.order_company_phone}">
                </div>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="收件地址：{$data.order_company_address ?: '-'}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="width: 200px;text-align: left">厂家寄回的：</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="回寄方式：{$huijiTypes[$data.order_company_express_type]}">
                </div>
                {if $data.order_company_express_type == 1}
                    {if $express2.order_company_express_code || $express3.order_company_express_code}
                    <div style="clear: both;">
                        <h5>物流信息1</h5>
                    </div>
                    {/if}
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="寄出时间：{$data.order_company_send_time ?: '-'}">
                </div>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="快递：{$data.order_company_express_company}-{$data.order_company_express_code}">
                </div>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="回寄设备数量：{$data.order_company_express_nums}">
                </div>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="收件人：{$data.order_user_name}-{$data.order_user_phone}">
                </div>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="收件地址：{$data.order_user_address ?: '-'}">
                </div>
<!--                -->
                    {if $express2.order_company_express_code}
                    <div style="clear: both;">
                        <h5>物流信息2</h5>
                    </div>

                    <div class="layui-input-block">
                        <input type="text" class="layui-input" readonly value="快递：{$express2.order_company_express_company}-{$express2.order_company_express_code}">
                    </div>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" readonly value="回寄设备数量：{$express2.order_company_express_nums}">
                    </div>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" readonly value="收件人：{$express2.order_user_name}-{$express2.order_user_phone}">
                    </div>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" readonly value="收件地址：{$express2.order_user_address ?: '-'}">
                    </div>
                    {/if}
                    {if $express3.order_company_express_code}
                    <div style="clear: both;">
                        <h5>物流信息2</h5>
                    </div>

                    <div class="layui-input-block">
                        <input type="text" class="layui-input" readonly value="快递：{$express3.order_company_express_company}-{$express3.order_company_express_code}">
                    </div>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" readonly value="回寄设备数量：{$express3.order_company_express_nums}">
                    </div>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" readonly value="收件人：{$express3.order_user_name}-{$express3.order_user_phone}">
                    </div>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" readonly value="收件地址：{$express3.order_user_address ?: '-'}">
                    </div>
                    {/if}
                {/if}
            </div>
            {if $data.order_check_time}
            <div class="layui-form-item">
                <label class="layui-form-label">审核时间</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_check_time}">
                </div>
            </div>
            {/if}
            {if $data.order_company_shou_time}
            <div class="layui-form-item">
                <label class="layui-form-label">公司确认收货时间</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_company_shou_time}">
                </div>
            </div>
            {/if}
            {if $data.order_user_shou_time}
            <div class="layui-form-item">
                <label class="layui-form-label">订单完成时间</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_user_shou_time}">
                </div>
            </div>
            {/if}
            {if $data.order_cancel_time}
            <div class="layui-form-item">
                <label class="layui-form-label">订单取消时间</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" readonly value="{$data.order_cancel_time}">
                </div>
            </div>
            {/if}
            <div class="layui-form-item layui-col-xs-offset2 layui-col-xs12">
                <div class="layui-input-block">
                    <button class="layui-btn layui-btn-primary" onclick="wk.layer_close('close')">关闭</button>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="public/footer" /}
</body>
</html>
<script>
    $('.aaaaaa,.aaaaaa2').viewer({
        url: 'data-original',
    });
</script>